{extend name="public/base" /}
{block name="css"}
<style>
  
  .mx-auto {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  img {
    width: 100%;
  }

</style>
{/block}
{block name="main"}
<section>
  <!-- banner -->
  <img alt="" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/mobile/banner.jpg">
  <!-- banner end -->

  <div>
    <div class="mx-auto" style="position: relative;">
      <img alt="" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/mobile/yd1.jpg">
      <div style="position: absolute; z-index: 1; left: 0; bottom: 45px; width: 100%; text-align: center; "><a style="opacity: 0; width: 40%; padding: 2% 0; background: #8f9d6a" href="https://tb.53kf.com/code/client/5a94a95735e35494ea43bac6762f40560/1">点击预约双旦盛惠</a></div>
    </div>
    <div class="mx-auto" style="position: relative;">
      <img alt="" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/mobile/yd2.jpg">
      <div style="position: absolute; z-index: 1; left: 0; bottom: 35px; width: 100%; text-align: center; "><a style="opacity: 0; width: 40%; padding: 2% 0; background: #8f9d6a" href="https://tb.53kf.com/code/client/5a94a95735e35494ea43bac6762f40560/1">点击抢购装修VIP卡</a></div>
    </div>
    <div class="mx-auto" style="position: relative;">
      <img alt="" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/mobile/fgx.jpg">
    </div>
  </div>

  <div style="position: relative;">
    <img alt="" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/mobile/mj.jpg">
    <div style="position: absolute; z-index: 1; left: 0; bottom: 55px; width: 100%; text-align: center; "><a style="opacity: 0; width: 40%; padding: 2% 0; background: #8f9d6a" href="https://tb.53kf.com/code/client/5a94a95735e35494ea43bac6762f40560/1">点击抢购事半功倍抵用礼</a></div>
  </div>

  <div style="position: relative;">
    <img alt="" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/mobile/qs.jpg">
    <div style="position: absolute; z-index: 1; left: 0; bottom: 55px; width: 100%; text-align: center; "><a style="opacity: 0; width: 40%; padding: 2% 0; background: #8f9d6a" href="https://tb.53kf.com/code/client/5a94a95735e35494ea43bac6762f40560/1">点击抢购好事连连升级礼</a></div>
  </div>

  <div style="position: relative;">
    <img alt="" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/mobile/gz.jpg">
    <div style="position: absolute; z-index: 1; left: 0; bottom: 70px; width: 100%; text-align: center; "><a style="opacity: 0; width: 40%; padding: 2% 0; background: #8f9d6a" href="https://tb.53kf.com/code/client/5a94a95735e35494ea43bac6762f40560/1">点击抢购环环相扣折扣礼</a></div>
  </div>

  <div class="row" style="margin-top: -40px;position: relative;padding-bottom: 30px;background: url(https://res.bestyoujia.com/web/ZMYJ/activities/act202101/mobile/little-bg.jpg);">
    <div class="mx-auto" style="text-align: center;margin-top: 30px">
      <div style="text-align: center; color: #BD232B; font-size: 13px">*活动详情咨询工作人员，活动最终解释权致美优家所有</div>
    </div>
  </div>
</section>
{/block}
{block name="js"}
<script>
</script>
{/block}